<div class = "main-view"><!--最外层div-->
    <div class="left-margin top-margin"><strong class="am-text-primary am-text-lg">导入小区</strong></div>

    <br>
    <div class="am-btn-group am-btn-group-xs left-margin top-margin">
        <button type="button" class="am-btn am-btn-default" data-am-modal="{target: '#doc-modal-import', width: 800, height: 300}"><span class="am-icon-plus"></span> 导入小区</button><br>
    </div>
    <div class="am-btn-group am-btn-group-xs left-margin top-margin">
        <button type="button" class="am-btn am-btn-default" data-am-modal="{target: '#doc-modal-modify', width: 800, height: 300}"><span class="am-icon-plus"></span> 修复线上小区</button><br>
    </div>
    <br>


    <div class="am-modal am-modal-loading am-modal-no-btn" id="loading">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">正在载入...</div>
            <div class="am-modal-bd">
                <span class="am-icon-spinner am-icon-spin"></span>
            </div>
        </div>
    </div>

    <div id = "pagination" class = "pagination"></div>
    <div class="pagination-table left-margin" id="tab_menu" style = "margin-top: 0px;">
        <form class="am-form">
            <table class="am-table-striped am-table-hover table-main">
                <thead>
                <tr>
                    <th class="table-check"><input type="checkbox" ng-click="allSelected()"></th>
                    <th class="table-id">导入ID</th>
                    <th class="table-title">导入时间</th>
                    <th class="table-title">导入条数</th>
                    <th class="table-title">成功</th>
                    <th class="table-title">失败</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="record in recordList" id = "{{record.objId}}">
                    <td class="table-check"><input type="checkbox" class = "item-check"></td>
                    <td>{{record.objId}}</td>
                    <td>{{record.dateCreated | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                    <!--{{record.dateCreated | date:'yyyy-MM-dd'}}<br>{{record.dateCreated | date:'HH:mm:ss'}}-->
                    <td>{{record.allRecord}}</td>
                    <td>{{record.allRecord - record.failure.length}}</td>
                    <td>{{record.failure.length}}</td>
                </tr>
                </tbody>
            </table>
        </form>
    </div>

    <div class = "left-margin">共<span id = 'page_number'>{{pageNumber}}</span>页 <span>{{count}}条数据</span></div>


    <!--导入 -->
    <div class="am-modal am-modal-no-btn" id="doc-modal-import">
        <div class="am-modal-dialog">
            <div class="am-modal-hd border-bottom" style = "text-align: left;">导入小区(Excel)
                <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
            </div>
            <div class="am-modal-bd body-area">

                <div class="form-group">
                    <br><br><input type="file" id="community_xls" required onchange="angular.element(this).scope().selectExcelFile(this.files)" accept="application/vnd.ms-excel/*"><br><br>
                </div>

            </div>
            <div class = "button-area border-top">
                <button type="button" data-am-modal="{target: '#loading'}" class="am-btn am-btn-success right-margin top-margin" ng-show="true" ng-click="import()">保存</button>
            </div>
        </div>
    </div>


    <!--导入 -->
    <div class="am-modal am-modal-no-btn" id="doc-modal-modify">
        <div class="am-modal-dialog">
            <div class="am-modal-hd border-bottom" style = "text-align: left;">修复线上小区(Excel)
                <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
            </div>
            <div class="am-modal-bd body-area">

                <div class="form-group">
                    <br><br><input type="file" id="community_xls" required onchange="angular.element(this).scope().selectExcelFile(this.files)" accept="application/vnd.ms-excel/*"><br><br>
                </div>

            </div>
            <div class = "button-area border-top">
                <button type="button" data-am-modal="{target: '#loading'}" class="am-btn am-btn-success right-margin top-margin" ng-show="true" ng-click="modify()">保存</button>
            </div>
        </div>
    </div>

</div>



<script>$(function ()
{ $("[data-toggle='popover']").popover();
});
</script>